<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>木兮地板</title>
    <link rel="stylesheet" href="lib/css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="lib/js/bootstrap.js"></script>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1863867_4qa3twfkr0e.css">

    <link rel="shortcut icon" href="images/logo.ico" type="iamge/x-icon">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="js/Jscript.js"></script>
    <script src="js/change.js"></script>
  </head>
  <body>
    <!-- 头部 -->
    <header id="mx-header">
        <nav class="navbar navbar-default navbar-static-top navbar-mx">
        <div class="container">

          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mx-small-nav" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            <a class="navbar-brand" href="#">
                <!-- <img src="images/logo0.png" alt="木兮"> -->
            </a>
          </div>

          <div class="collapse navbar-collapse" id="mx-small-nav">
            <ul class="nav navbar-nav navbar-right">
                <li class="select"><a href="javascript:void(0);">首页</a></li>
			        <li ><a href="aboutcomp.html">关于公司</a></li>
			        <li><a href="javascript:void(0);">产品展示</a></li>
			        <li><a href="javascript:void(0);">招商加盟</a></li>
			        <li><a href="javascript:void(0);">联系我们</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </header>
    <!-- 头部 -->

     <!-- 轮播-->
     <div class="mx_content  first-page" id="mx_content">
     <section id="mx-carousel"  class="carousel slide" data-ride="carousel">
         <!-- 指示器 -->
        <ol class="carousel-indicators">
            <li data-target="#mx-carousel" data-slide-to="0" class="active"></li>
            <li data-target="#mx-carousel" data-slide-to="1"></li>
            <li data-target="#mx-carousel" data-slide-to="2"></li>
        </ol>

        <!-- 中间滚动内容 -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="images/firstPagebanner1.jpg" alt="宣传图1">
            </div>

            <div class="item">
                <img src="images/firstPagebanner2.jpg" alt="宣传图2">
            </div>

            <div class="item">
                <img src="images/firstPagebanner3 .jpg" alt="宣传图3">
            </div>
        
        </div>

        <!-- 左右控制 -->
        <a class="left carousel-control" href="#mx-carousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#mx-carousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
     </section>
     <!-- 轮播 -->

<!-- 整个中间 -->
      <!-- 企业精神 -->
    <!-- <section id="mx-spirit"> -->
      <div class="home_content mx_center mx_width">
        <h3 >企业精神</h3>
        <div class="characteristic row text-center">
          <div class="col-md-3">
            <div class="characteristic_icon">
              <img src="images/pinpai.png" alt="pinpai">
            </div>
            <p class="title ">品质</p>
            <p class="sm_title">品质是品牌的发展基石</p>
            <p class="sm_title">坚持好品质,必定铸就优质品牌</p>
          </div>
          <div class="col-md-3">
            <div class="characteristic_icon">
              <img src="images/keji.png" alt="keji">
            </div>
            <p class="title ">科技</p>
            <p class="sm_title">科技是品牌的助推力</p>
            <p class="sm_title">只有不断科技创新,才能不会被淘汰</p>
          </div>
          <div class="col-md-3">
            <div class="characteristic_icon">
              <img src="images/chengxin.png" alt="chengxin">
            </div>
            <p class="title ">诚信</p>
            <p class="sm_title">诚信是品牌的防护盾</p>
            <p class="sm_title">诚信企业,放心品牌才能走的更长久</p>
          </div>
          <div class="col-md-3">
            <div class="characteristic_icon">
              <img src="images/gongying.png" alt="gongying">
            </div>
            <p class="title ">共赢</p>
            <p class="sm_title">共赢是品牌的生命力</p>
            <p class="sm_title">与客户共赢,与员工共赢与企业共赢</p>
          </div>
        </div>
        <div class="product">
          <div class="product_title">
            <p class="show">产品展示</p>
          </div>
          <div class="product_list">
            <div class="row text-center">
              <div class="col-md-4 col-sm-6">
                <div><img src="images/item01.jpg" alt="01"></div>
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="images/item02.jpg" alt="02">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="images/item03.jpg" alt="03">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="images/item04.jpg" alt="04">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="images/item05.jpg" alt="05">
              </div>
              <div class="col-md-4 col-sm-6">
                <img src="images/item06.jpg" alt="06">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 首页中间部分-->

      <!-- 底部 -->
    <footer id="mx-footer">
      <div class="footer" id="footer">
        <div class="row mx_width mx_center">
          <div class="col-md-3 col-sm-4">
            <div class="footer_logo">
              <a href="index.html"><img src="images/logo3.png" ></a>
            </div>
          </div>
          <div class="col-md-6 col-sm-8">
            <div class="row changepage" id="changepage">
              <div class="col-md-3 col-sm-3"><a href="aboutcomp.html">关于公司</a></div>
              <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">产品展示</a></div>
              <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">招商加盟</a></div>
              <div class="col-md-3 col-sm-3"><a href="javascript:void(0)">联系我们</a></div>
            </div>
            <p class="copyright">版权所有©木兮实业有限公司  鄂ICP备18011650号</p>
          </div>
          <div class="col-md-3 col-sm-12">
            <div class="row contact">
              <p class="col-md-12 col-sm-4"><span class="iconfont icon-weibiaoti-"></span> 027-83622296</p>
              <p class="col-md-12 col-sm-4"><span class="iconfont icon-shouji54"></span>13387576980</p>
              <p class="col-md-12 col-sm-4"><span class="iconfont icon-youxiang"></span>yt15yi@163.com</p>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- 底部 --> 
    <div id="cli_dialog_div"></div>
    
    <script type="text/javascript">
      $(function ()
      {
      　　$("#mx-small-nav .navbar-right li").click(function ()
      　　{
      　　　　//获取点击的元素给其添加样式，讲其兄弟元素的样式移除
      　　　　$(this).addClass("select").siblings().removeClass("select");
      　　　　//获取选中元素的下标
      　　　　var index = $(this).index();
      　　　　$(this).parent().siblings().children().eq(index).addClass("select")
      　　　　.siblings().removeClass("select");
      　　});
      });
      
      </script>
    
  </body>
</html>